﻿<%@ page language="java" pageEncoding="UTF-8"
	errorPage="/ui/defaultException.jsp"%>
<%@include file="/ui/tags.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>${dest.name }的排名前10的奢华度假酒店指南</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="keywords" content="${dest.zhname },${dest.enname },酒店指南,度假酒店,排名前10酒店, 奢华酒店" />
<meta name="description" content="${dest.name }最顶级的奢华度假酒店" />
<%@include file="/ui/portal/commonjscss.jsp"%>
<script src="${cpath}/resources/portal/js/navigationLogic.js"
	type="text/javascript"></script>
</head>
<body>
	<div class="page">
		<c:set var="renderView" value="4" scope="page"></c:set>
		<%@include file="/ui/portal/head.jsp"%>
		<div id="container" class="container margin10">
			<div class="hotel-info-list">
				<div class="h-left">
					<div id="destiantionNav">
						<ul class="regions">
							<c:forEach var="continent" items="${coninentTree }">
								<li><a class="region off"><span
										title="${continent.continentName}">${continent.continentName
											}</span><em></em> </a> <c:forEach var="country"
										items="${continent.countrys }">
										<ul class="countries" style="display: block;">
											<li><a class="country off"><span
													title="${country.countryName}">${country.countryName
														}</span><em></em> </a>

												<ul class="cities" style="display: none;">
													<c:forEach var="dest" items="${country.dests}">
														<li><a class="city"
															href="${cpath}/views/hotel/hotel.do?action=viewDestHotels&destId=${dest.destId}"
															title="${dest.name}"><span>${dest.name
																	}</span> </a>
														</li>
													</c:forEach>
												</ul>
											</li>
										</ul>
									</c:forEach></li>
							</c:forEach>
						</ul>
					</div>
					<div class="destiantionInfo">
						<div class="destiantionInfo-title">目的地信息</div>
						<div class="dest-list">
							<div class="dest-item">
								<div class="dest-item-name">国家</div>
								<div class="dest-item-info">${destPath.countryName}</div>
							</div>
							<div class="dest-item">
								<div class="dest-item-name">海拔</div>
								<div class="dest-item-info">${dest.altitude }</div>
							</div>
							<div class="dest-item">
								<div class="dest-item-name">人口</div>
								<div class="dest-item-info">${dest.peopleNum }</div>
							</div>
							<div class="dest-item">
								<div class="dest-item-name">语言</div>
								<div class="dest-item-info">${dest.lang }</div>
							</div>
							<div class="dest-item">
								<div class="dest-item-name phone">&nbsp;</div>
								<div class="dest-item-info">${dest.tel }</div>
							</div>
							<div class="dest-item last">
								<div class="dest-item-name currency">&nbsp;</div>
								<div class="dest-item-info">${dest.currency }</div>
							</div>
							<div class="clear"></div>
						</div>
					</div>
				</div>
				<script type="text/javascript">
					function forbidenHotelList() {
						$(".hotel-list").html("<b>即将推出，敬请期待!</b>");
					}
				</script>
				<div class="h-right">
					<div class="hotel-areainfo">
						<b>${dest.name }</b>&nbsp;酒店精选
					</div>
					<div class="hotel-list">
						<c:choose>
							<c:when test="${empty hotels }">
								<b>即将推出，敬请期待!</b>
							</c:when>
							<c:otherwise>
								<c:forEach var="hotel" items="${hotels }">
									<div class="hotel-item">
										<a
											href="${cpath}/hotel/${hotel.hotelId}"
											title="${hotel.name}"> <img
											alt="${hotel.name }"
											src="${image_domain }${hotel.source}${hotel.normal}"
											/>
											<div class="hotel-item-warp">
												<p class="big-title" title="${hotel.zhname }">${hotel.zhname
													}</p>
												<p class="small-title" title="${hotel.enname }">
													${hotel.enname }</p>
											</div> </a>
									</div>
								</c:forEach>
							</c:otherwise>
						</c:choose>

					</div>
					<!-- 
                    <div class="page-nav">
                        <div class="page-nav-line-left">
                            <hr />
                        </div>
                        <div class="page-nav-prev">
                            <a href="#"><&nbsp;上一页</a>
                        </div>
                        <div class="page-nav-prev page-nav-next">
                            <a href="#">下一页&nbsp;></a>
                        </div>
                        <div class="page-nav-line-right">
                            <hr />
                        </div>
                    </div>
                     -->
				</div>
				<div class="clear"></div>
			</div>
		</div>
		<script type="text/javascript">
			$(function() {
				$(".ac-mod").last().css("border", "none");
			});

			var currentNavItem = {
				region : "${destPath.continentName}",
				country : "${destPath.countryName}",
				city : "${destPath.destName}"
			};
		</script>
		<%@include file="/ui/portal/footer.jsp"%>
	</div>
</body>
</html>
